<template>
    <div>
        <nav-bar :userData="userData"></nav-bar>
        <user-edit-banner class="banner" :userData="userData"></user-edit-banner>
    </div>
</template>

<script>
    import NavBar from 'components/common/User/navbar'
    import UserEditBanner from 'components/common/User/UserEditBanner'
    import {mapState,} from 'vuex'
    export default {
        name: "edit",
        data(){
            return{

            }
        },
        components:{
            NavBar,
            UserEditBanner
        },
        computed:{
            ...mapState(['userData'])
        },
        methods:{
            getData(){
                this.$store.commit('getData')
            }
        },
        created() {
            this.getData()
        }
    }
</script>

<style scoped>
    .banner{
        margin-top: 4.839vw;
    }
</style>